html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video {
    margin: 0;
    padding: 0;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote{
    display: block;
}
i, em, b {
    font-style: normal;
    font-weight: 500;
}
.clearfix:before,.clearfix:after{content:''; display:table;}.clearfix:after{clear:both;}.clearfix{zoom:1;}

header{ padding: 0 32px;}
.logo a {
    background: url("../images/chinasologo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 80px;
    width: 180px;
}
.searchBtn{
    background: url("../images/bg04.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    color: #D35167;
    font-family: "宋体","Arial Unicode MS",System;
    height: 30px;
    line-height: 30px;
    width: 66px;
    border: 0 none;
    font-weight: bold;
    cursor: pointer;
}
.search_input{
    width: 100%;
    color: #2B2B2B;
    border-radius: 0;
    font-size: 14px;
    height: 30px;
    line-height: 26px;
    outline: medium none;
    text-indent: 6px;
    border:  0 none;
    -webkit-box-sizing:border-box;
}
.search{
    border: 1px solid #c0c0c0;
}
header .imglogo{
    display: block;
    margin:  0 auto;
}
.adver{
    height: 40px;
    width: 100%;
}
.nav{

     margin: 0 auto;
     display: flex;
     overflow: hidden;
     margin-bottom: 5px;
     margin-top: 12px;
}
.nav span {
   -webkit-box-flex : 1;
    width: 15%;
    float: left;
}
.nav span a{
    color: #808080;
    text-decoration: none;
}
.input_con{
    -webkit-box-flex:1;
    position: relative;
    border-right: 1px solid #c0c0c0;
}
.search-form{
    display: -webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:stretch;
    -webkit-box-sizing:border-box;
}
section{
    padding: 0 25px;
    margin-top: 10px;
}
.chinaso-footer{
   padding: 10px 0;
}
.chinaso-footer p{
    color: #a1a1a1;
    text-align: center;
    line-height: 16px;
    font-size: 13px;
}
.verticalso_nav{

    overflow: hidden;
    position: relative;
    z-index: 1;
}
.verticalso{
    overflow: hidden;
}
.verticalso ul{
    overflow: hidden;
}
.verticalso li{
    margin: 0 auto;
    float: left;
    content: '';
    position: relative;
    box-sizing: border-box;
    padding:5px 7px 5px 7px;
}

li{
    list-style: none;
}
.verticalso li a{
    display: block;
}
a{
    text-decoration: none;
}
.ver{
    background: url('../images/channelicon.png');
    background-size: 270px 270px;
    height: 40px;
    width: 40px;
}
.verticalso ul p{margin-top: 8px;}
.verticalso ul p a{
    font-size: 14px;
    color:#6a695f;
    text-align: center;
}
.verticalso .ver_pol{ background-position: 180px 0;}
.verticalso .ver_pol:hover{background-position:134px 0; }
.verticalso .ver_local{ background-position: 0 -184px;}
.verticalso .ver_local:hover{background-position: -46px -184px;}
.verticalso .ver_fina{background-position: 0 -46px;}
.verticalso .ver_fina:hover{background-position: -46px -46px;}
.verticalso .ver_inter{ background-position: 360px 0;}
.verticalso .ver_inter:hover{background-position: 45px 0;}
.verticalso .ver_mili{background-position:180px -46px; }
.verticalso .ver_mili:hover{background-position:134px -46px; }
.verticalso .ver_sport{background-position: 0 -92px;}
.verticalso .ver_sport:hover{background-position: -46px -92px;}
.verticalso .ver_con{background-position:  180px -184px;}
.verticalso .ver_con:hover{background-position: 134px -184px;}
.verticalso .ver_theory{background-position: 360px -184px;}
.verticalso .ver_theory:hover{background-position: 45px -184px;}
.verticalso .ver_science{background-position: 0 -229px;}
.verticalso .ver_science:hover{background-position: -46px -229px;}
.verticalso .ver_law{background-position: 360px -46px; }
.verticalso .ver_law:hover{background-position: 45px -46px;}
.verticalso .ver_house{background-position: 180px -92px;}
.verticalso .ver_house:hover{background-position: 134px -92px;}
.verticalso .ver_moto{background-position: 360px -92px;}
.verticalso .ver_moto:hover{background-position: 45px -92px;}
.verticalso .ver_shop{background-position: 360px -138px;}
.verticalso .ver_shop:hover{background-position: 45px -138px;}
.verticalso .ver_food{background-position: 180px -138px; }
.verticalso .ver_food:hover{background-position: 134px -138px;}
.verticalso .ver_household{background-position: 0 -138px;}
.verticalso .ver_household:hover{background-position: -46px -138px;}
.verticalso .ver_city{background-position: 0 0 ;}
.verticalso .ver_city:hover{background-position: -46px 0;}


/* bubble */
  .tip-bubble {
    z-index: 1000;
    font-size: 14px;
    left: 16%;
    bottom: 0;
    position: fixed;
    background-color: rgba(0,0,0,0.6);
    padding: 8px 11px;
    border-radius: 5px;
    color: white;
    text-align: left;
    margin-bottom: 15px;
    border-shadow: 1px 1px 2px #CCC;
    text-shadow: 0px 0px 5px #404040;
    }
   @media only screen and(min-width:640px) {

   }
             
            .tip-bubble:after {
              content: '';
              position: absolute;
              width: 0;
              height: 0;
              border: 15px solid;
          }
           .tip-bubble-bottom:after {
               border-color: transparent;
              border-top-color: rgba(0,0,0,0.6);
              top: 100%;
              left: 50%;
              margin-left: -15px;
            }
            .right-top{
                position: absolute;
                top: 2%;
                right: 2%;
            }
            .close{
                font-weight: bold;
                color: white;
                width: 1.5em;
                height: 1.5em;
                font-size: 2em;
                line-height: 1;
                text-align: center;
            }
            .close:after {
                content: '×';
            }

            .inline{
                display: table-cell;
                line-height: 2em;
                vertical-align: middle;
            }
            .pad-11{
                padding-left: 11px;
            }
            .inline img{
                vertical-align: bottom;
            }
            .download-client{
                background-color: #f2f2f2;
                padding:8px 0;
                width: 100%;
                margin-bottom: 16px;
            }
            .download-client .close{
                color:#707070;
            }
            .download-client .look{
                color:#4f6798;
                font-weight: bold;
                font-size:17px; 
            }
/*************search result start*********************************/
.res-wrap{
    height: 100%;
}
.res-con{
    padding: 10px;
    background-color: #e1e1e1;

}
.res-list{
    padding: 10px;
    border: 1px solid #e4e4e4;
    overflow: hidden;
    background-color: #ffffff;
    margin-bottom: 10px;
}
.res-frame{
    border: none;
    width: 100%;
    height: 100%;
}

.res-list .res-title{
    color: #1155ca;
    font-size: 16px;
    line-height: 19px;
    padding-bottom: 6px;
    word-break: break-all;
}
.res-list em{
    text-decoration: none;
    font-style: normal;
}
.res-list em {
    color: #990100 ;
}
.res-list .summary{
    color: #666666;
    font-size: 14px;
    line-height: 22px;
    word-break: break-all;
}
.res-list cite{
    color: #009a35;
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    font-style: normal;
    word-break: break-all;
}
.res-show-url{
    float: left;
}
.res-show-date{
    float: right;
    color: #009a35;
}
.res-url{
    overflow: hidden;

}
.search-btn{
    -webkit-appearance: none;
    -moz-appearance: none;
    background:#dc4444 url(../images/SearchBtn.png) no-repeat scroll 0 0;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    display: block;
    height: 31px;
    width: 31px;
    border:1px solid #c63737;
    margin:-1px -1px -1px 0;
}
.search-btn:hover{
    background:#be3434 url("../images/SearchBtn.png") no-repeat scroll 0 0 ;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
}
.input-con{
    background: #ffffff;
    -webkit-box-flex:1;
    position: relative;
}
.search-form-box{
     border: 1px solid #c0c0c0;
    -webkit-box-align: stretch;
    -webkit-box-pack: center;
    -webkit-box-sizing: border-box;
    display: -webkit-box;
}
.search-form-con{
    -webkit-box-flex: 1;
    margin-top: 10px;
    z-index: 100;
}
.q{
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-box-sizing: border-box;
    font-size: 18px;
    height: 29px;
    padding: 0 34px 0 8px;
    width: 100%;
    outline: medium none;
    border: 0 none;
    color:#333;
}
.search-box-reset{
    background: url("../images/SearchConDelBtn.png") no-repeat scroll center center transparent;
    background-size: 24px 24px;
    -webkit-background-size: 24px 24px;
    bottom: 0;
    cursor: pointer;
    height: 24px;
    padding-right: 5px;
    position: absolute;
    right: 0;
    top: 2px;
    width: 24px;
}
.res-header{
    padding:0 0 8px;
    background: #fff;
    box-shadow: 2px 2px 3px #ddd;
    margin-bottom: 3px;
}
.res-logo{
    float: left;
    margin-top: 12px;
    margin-right: 5px;
    width:60px;
    height:27px;
    background:url(../images/Logo_ChinaSo.png) no-repeat;
    background-size:60px 27px;
    overflow:hidden;
    text-indent:-9999px;
}
.search-box{
    overflow: hidden;
    margin:0 10px;
}
.search-nav{
    padding: 10px 10px 0 10px;
    display: -webkit-box;
    height: 38px;
    line-height: 37px;
    background: #f5f5f5;
}
.search-nav ul{
    width: 100%;
}
.search-nav li{
    float: left;
    text-align: center;
    width: 19%;
    position: relative;
}
.search-nav li.on{
    border-bottom: 2px solid #cc0200;
}
.search-nav .on a{
    color: #cc0200;
}
.search-nav ul a{color: #6f6f6f;font-size: 16px;}
.search-nav ul li:nth-child(odd):after{
    content: '';
    display: block;
    position: absolute;
    right: -1px;
    bottom: 8px;
    top: 7px;
    overflow: hidden;
    border-right: 1px solid #bbbbbb;
}
.search-nav ul li:nth-child(even):before{
    content: '';
    display: block;
    position: absolute;
    right: -1px;
    bottom: 8px;
    top: 7px;
    overflow: hidden;
    border-right: 1px solid #bbbbbb;
}
.search-nav ul li:nth-child(5):after{
    border-right: none;
}
.res-footer{background: #e1e1e1;
    padding:10px 5px 10px 5px;
    font-size: 12px;
    text-align: center;}
.res-footer p{color: #666666;}
.foot_text{
    margin-bottom: 10px;
}
.channel_more{display:none;}
.load-more{
    background: #cccccc;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.13);
    color: #333;
    cursor: pointer;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center
}

/*******************search result end********************************/
/*******************image start********************************/
.image-con{
    background-color: #e1e1e1;
}
.category-item{
     float: left;
     margin-right:10px ;
     margin-bottom: 10px;
     width: 150px;
}
.category-item a{
     display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}
.category-item img{
    float: left;
    width: 100%;
    border-radius: 5px;
}
.category-item span{
    color: #ffffff;
    font-size: 18px;
    position: absolute;
    left: 0;
    bottom: 8px;
    text-indent: 10px;
    height: 18px;
    line-height: 18px;

}
.image-item img {
    float: left;
    width: 100%;

}
.image-item {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 150px;
}
/*******************image end********************************/
/********************nes start******************************************/
.res-card{
    margin-bottom: 5px;
}
.res-list .res-info{
    clear: both;
    color: #009a35;
    font-size: 12px;
    margin-top: 6px;
}
.res-list .res-info site{
    display: inline-block;
    margin-right: 10px;
    max-width: 10em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.res-info time{
    vertical-align: top;
    float: right;
}
.res-info site{
    vertical-align: top;
}
.res-papers{
     overflow: hidden;
}
.res-papers a{
    margin-top: 5px;
    display: block;
    width: 31%;
    float: left;
    text-align: center;
    overflow: hidden;
    margin-right: 5px;
}
.res-papers li{
    width: 31%;
    position: relative;
    float: left;
    box-sizing: border-box;

    margin: 5px 0  0 5px;
}
.res-items{
    padding: 10px 10px 10px 0;
    overflow: hidden;
    color: #666;
    font-size: 14px;
    line-height: 30px;
    background: #ffffff;
    margin-bottom: 10px;
}
.paper-ul{
    display: -webkit-flex;
}
.paper-li{
    -webkit-flex:1;
}
.paper-li img{
    width: 100%;
}
.res-items a {
    color: #666;
    margin: 0 7px;
    white-space: nowrap;
    display: inline-block;
}
.res-items li{
    width: 33%;
    position: relative;
    float: left;
    box-sizing: border-box;
}
.res-items li a{
    line-height: 35px;
    font-size: 15px;
    display: block;
    position: relative;
    text-align: center;
}
.res-local{
    padding: 20px 10px 20px 15px;
    background: #ffffff;
    margin-bottom: 5px;
}
.local-item-p{
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 0 0 55px;
    font-size: 15px;
}
.local-item-p .local-item-a{
    float: left;
    margin: 0 0 0 -55px;
    width: 55px;
    text-align: right;
    color: #004478;
    font-weight: bold;
    font-size: 16px;
}
.local-item-p .local-item-a b {
    display: inline-block;
    height: 15px;
    width: 1px;
    background: #d9e0e9;
    margin: 0 0 -2px 15px;
    margin: 0 0 -2px 12px;
}
.local-item-i {
    display: block;
    height: 40px;
    overflow: hidden;
    font-style: normal;
}
.local-item-i a {
    display: inline-block;
    width: 32%;
    text-align: center;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}
 .nav-item{
     -webkit-flex-flow: row wrap;
     display: -webkit-flex;
     display: -ms-flexbox;
     -ms-flex-flow: row wrap;
 }
.nav-item dt{
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    position: relative;
    width: 20%;
    color: #004478;
    font-weight: bold;
}
.nav-item dd {
    width: 20%;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
}
.nav-item a,.local-item a{
    color: #333333;
}
/*********************nes end*****************************************/